<style>
	.sex {
		cursor: pointer;
	}
</style>
<input class="sex" type="radio" name="sex2" id="male2"/> <label class="sex" for="male2">male</label>
<input class="sex" type="radio" name="sex2" id="female2"/> <label class="sex" for="female2">female</label>

<br/><br/><br/>

<style>
	a {
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
	}
	.btn {
		display: inline-block;
		padding: 0 10px;
		height: 30px;
		line-height: 30px;
		box-sizing: border-box;
		border: 1px solid #d43f3a;
		border-radius: 3px;
		color: white !important;
		background: #d9534f;
		cursor: pointer;
	}
	.btn1:hover {
		text-decoration: none;
		background: #C9302C;
	}
	.btn2:hover {
		text-decoration: none;
		opacity: .8;
	}
	.btn3:active {
		opacity: .8;
	}
</style>
<a href="javascript:void(0)">move here</a>
<br/><br/>
<a href="javascript:void(0)" class="btn btn1">move here</a>
<br/><br/>
<a href="javascript:void(0)" class="btn btn2">move here</a>
<br/><br/>
<a href="javascript:void(0)" class="btn btn1 btn3">move here</a>
